<template>
	<div class="main">
		<div class="indResultWrap">
			<div class="toper">
				<go-back aa='../evaluation/evaluationEntry'></go-back>
				
			<!-- 	<div class="top">
					<img @click="gosdd" class="imgIcon"  src="~/static/iconsvgs/top_icon_back.png" alt="">
				</div> -->
			</div>
			<scroller style="top: 0.8rem;">
				<div class="indResulWrap">
					<div class="resulWrap">
						<div class="resulbox">
							<div class="textResutTile">
								<span class="sp1">测试结果</span>
							</div>
							<div class="titleBox">
								<i>您的优势职业类型是</i>
								<b>{{result}}</b>
							</div>
							<div v-if="types===1" id="echart"></div>
							<div v-if="types===2">
								<div class="outerBarBox">
									<div class="flex-h test2Box">
										<div class="sp1">
											<span v-for="(item,index) in zyjzgResult" :key='index'>{{item}}</span>
										</div>
										<div class="sp2 flex1">
											<div class="sp2_2" v-for="(its,$index) in zyjzgScore" :key='$index+20'>
												<span v-bind:style="{'width':its*0.25+'rem'}"></span>
											</div>

										</div>

									</div>
									<div class="flex-h test2bot">
										<div class="sp1"></div>
										<div class="sp2 flex1">
											<div class="flex-h sp2_score">
												<span class="flex1">2</span>
												<span class="flex1">4</span>
												<span class="flex1">6</span>
												<span class="flex1">8</span>
												<span class="flex1">10</span>
												<span class="flex1">12</span>
												<span class="flex1">14</span>
												<span class="flex1">16</span>
												<span class="flex1">18</span>
												<span class="flex1">20</span>

											</div>

										</div>
									</div>
								</div>

							</div>
							<div v-if="types===4" id="echart"></div>

							<div v-if="types===5">
								<div id="echart"></div>
								<div class="result5Wrap flex-h">
									<div class="flex1 coBgSp bgsp1">
										<i>接纳子女</i>
										<span class="sp1 cosp">
											<em>{{score[0]}}分</em><b>慈爱</b>
										</span>
										<span class="sp2 cosp">
											<em>{{score[1]}}分</em><b>随意</b>
										</span>

									</div>
									<div class="flex1 coBgSp bgsp2">
										<i>回避子女</i>
										<span class="sp1 cosp">
											<em>{{score[2]}}分</em><b>忽视</b>
										</span>
										<span class="sp2 cosp">
											<em>{{score[3]}}分</em><b>拒绝</b>
										</span>
									</div>
									<div class="flex1 coBgSp bgsp3">
										<i>过度关心子女</i>
										<span class="sp1 cosp">
											<em>{{score[4]}}分</em><b>过度要求</b>
										</span>
										<span class="sp2 cosp">
											<em>{{score[5]}}分</em><b>过度保护</b>
										</span>
									</div>
								</div>

							</div>
						</div>
					</div>
					<div class="resulWrap" style="margin-top: 0.3rem;">
						<div class="resultTxtBox">
							<span class="titlesp">
								<i></i>
								<b>结果说明</b>
							</span>
							<div class="pBox">
								<p class="pp1">{{resulrData.explain}}</p>
							</div>
							<span class="titlesp">
								<i></i>
								<b>推荐专业</b>
							</span>
							<div class="pBox">
								<span class="pptitle">优先推荐</span>
								<p class="pp1" style="margin-bottom: 0.1rem;" v-for="(its,index) in resulrData.first" :key="index">{{its.category}}类:{{its.major}}</p>
								<span class="pptitle">次级推荐</span>
								<p class="pp1" v-for="(its,index) in resulrData.second" :key="index+100">{{its.category}}类:{{its.major}}</p>
							</div>
							<span class="titlesp"  v-if="types!==2">
								<i></i>
								<b>职业特征</b>
							</span>
							<div class="pBox"  v-if="types!==2">

								<p class="pp1">{{resulrData.feature }}</p>
								
							</div>
							<span class="titlesp">
								<i></i>
								<b>典型职行业</b>
							</span>
							<div class="pBox">
								<p class="pp1">{{resulrData.profession}}</p>
							</div>
							<span class="titlesp">
								<i></i>
								<b>专家建议</b>
							</span>
							<div class="pBox">
								<p class="pp1">{{resulrData.suggest }}</p>
							</div>
						</div>

					</div>
					<div style="width: 100%;height: 1rem;"></div>
				</div>
			</scroller>


		</div>
	</div>
</template>
<script>
	import ls from 'store2';
	import axios1 from '~/plugins/axios1';
	import {
		format
	} from '~/plugins/filter';
	import goBack from '~/components/goBack'

	// import echarts from 'echarts'
	import echarts from '@/plugins/echarts'
	// import echarts from '@/node_modules/lib/echarts'
	export default {
		head: {
			title: '生涯测评'
		},
		components: {
			goBack,
			// specIssue
		},
		data() {
			return {
				preUrl:ls.get('preUrl'),
				result: '',
				tabNum: 0,
				types: 0,
				// intelData: intelData,/*  */
				numberSet: {
					numR: 0,
					numS: 0,
					numI: 0,
					numE: 0,
					numA: 0,
					numC: 0
				},
				zyjzgResult: [],
				zyjzgScore: [],
				grownScore: [],
				userIds:ls.get('userData').userId,
				resulrData:[]
				
			}
		},
		created() {
			this.commonJs.gologins();
			let parameter = ls.get('resultPar')
			this.stat = parameter.status;
			this.types = this.stat * 1;
			this.score = parameter.worthScore
			console.log('this.score', this.score)
			console.log('this.parameter', parameter)
		},
		mounted: function() {	
			
			let stats = this.stat * 1;
			let score = this.score;
			console.log('5555ass', score)
			this.zyjzgScore = score
			let icator = [{
					text: 'R型',
					max: 42
				},
				{
					text: 'S型',
					max: 42
				},
				{
					text: 'I型',
					max: 42
				},
				{
					text: 'E型',
					max: 42
				},
				{
					text: 'A型',
					max: 42
				},
				{
					text: 'C型',
					max: 42
				}
			]
			let icatorxz = [{
					text: '语言文字智能',
					max: 21
				},
				{
					text: '数理逻辑智能',
					max: 21
				},
				{
					text: '视觉空间智能',
					max: 21
				},
				{
					text: '自然观察智能',
					max: 21
				},
				{
					text: '音乐节奏智能',
					max: 21
				},
				{
					text: '身体律动智能',
					max: 21
				},
				{
					text: '人际社交智能',
					max: 21
				},
				{
					text: '个人内省智能',
					max: 21
				}
			]
			switch (stats) {
				case 1:
					this.getMax(this.getIndex(score))
					this.drawPie(score, icator);
					setTimeout(() => {
						this.postMsgApi(JSON.stringify(this.score), this.result,1)
					}, 50)
					// console.log(1111)
					break;
				case 2:
					this.getZyjzg(score)
					setTimeout(() => {
						this.postMsgApi(JSON.stringify(this.score), this.result,3)
					}, 50)
					break;
				case 3:
					// let newArrs = this.getmaxscore(this.score, 'count');
					// let resulet = newArrs[0].typr + newArrs[1].typr + newArrs[2].typr + newArrs[3].typr;
					
					console.log('this.score',this.score)
					this.getFinal(this.getmaxscore(this.score))
					
					// console.log('resulet', resulet)
					// this.getFinal(resulet)

					setTimeout(() => {
						this.postMsgApi(JSON.stringify(this.score), this.result,4)
					}, 50)
					break;
				case 4:
					this.getDyznMax(this.getIndex(score))
					this.drawPie(score, icatorxz);
					setTimeout(() => {
						this.postMsgApi(JSON.stringify(this.score), this.result,2)
					}, 50)
					// console.log(4444)
					break;
				default:
					this.grownScore[0] = score[0] + score[1];
					this.grownScore[1] = score[2] + score[3];
					this.grownScore[2] = score[4] + score[5];
					this.getGrownMax(this.getIndex(this.grownScore), score)
					// 					console.log(5555, this.grownScore)
					// 					console.log('abxcs')
					this.drawYh(this.grownScore, this.score)
					setTimeout(() => {
						this.postMsgApi(JSON.stringify(this.score), this.result,5)
					}, 50)
			}
			this.$vux.loading.show({text: '正在加载'})
			if(this.commonJs.isTerminal()=='isAndroid'){
				if (window.history && window.history.pushState) {
				history.pushState(null, null, document.URL);
				window.addEventListener('popstate', this.fun, false); //false阻止默认事件 
			}
			}
		},
		
		destroyed() {
			// this.commonJs.xahui('../evaluation/evaluationEntry')
				window.removeEventListener('popstate', this.fun, false);
		},
	
		watch: {

		},
		methods: {
					fun() {
				this.$router.replace({
					path: '../evaluation/evaluationEntry'
				
				})
			
			},
			gosdd(){
				this.goto('evaluationEntry')
			},
			//test
			getFinal(abc) {
				var result = ['ISTJ型(执行者/检查员)', 'ISFJ型(保护者/社工)', 'ISTP型(操作者/演奏者)', 'ISFP型(作曲家/艺术家)', 'INFJ型(陪伴者/咨询师)', 'INFP型(治疗师/导师)',
					'INTJ型(科学家/智多星)', 'INTP型(建筑师/设计师)', 'ESTJ型(监督者/督导)', 'ESFJ型(服务者/销售员)', 'ESTP型(创业者/实干家)', 'ESFP型(表演者/开心果)',
					'ENFJ型(教师/培训师)', 'ENFP型(倡导者/演说家)', 'ENTJ型(统帅/管理者)', 'ENTP型(策划者/发明家)'
				]

				if (result.indexOf(abc) === -1) {
					var newArr = result.filter(item => item.indexOf(abc[0]) > -1)
					var newArr1 = newArr.filter(item => item.indexOf(abc[1]) > -1)
					var newArr2 = newArr1.filter(item => item.indexOf(abc[2]) > -1)
					var newArr3 = newArr2.filter(item => item.indexOf(abc[3]) > -1)
					console.log('newArr3',newArr3)
					this.result = newArr3[0];
				}
			},
			getmaxscore(arr) {
				let adtas =arr;
				let abc ='';
				adtas[0].count>adtas[1].count?abc+=adtas[0].typr:abc+=adtas[1].typr
				adtas[2].count>adtas[3].count?abc+=adtas[2].typr:abc+=adtas[3].typr
				adtas[4].count>adtas[5].count?abc+=adtas[4].typr:abc+=adtas[5].typr
				adtas[6].count>adtas[7].count?abc+=adtas[6].typr:abc+=adtas[7].typr
				return abc;
			},

			postMsgApi(jsonStr, result,stat) {
				axios1.post('/career/saveSingle', {
					"classify": stat,
					"parameter": jsonStr,
					"result": result,
					"type": 1,
					"userId": ls.get('userData').userId,
					"userType":ls.get('userType')
				
				}, true).then(res => {
					if (res.code==='0') {
						
						this.postResultApi(stat,jsonStr,result)
					}
					// this.$vux.toast.text(res.message);
				}).catch((error) => {
					this.$vux.toast.text('暂无数据');
				})
			},
			postResultApi(stas,jsonStr,result) {
				axios1.post('/career/getResult', {
					"classify": stas,
					"parameter":jsonStr,
					"type":result
				}, true).then(res => {
					if (res.code==='0') {
						this.resulrData=res.data
					}
					this.$vux.loading.hide();
				}).catch((error) => {
					this.$vux.toast.text('服务器故障');
				})
			},
			getIndex(ary) {
				let max = Math.max.apply(null, ary);
				return ary.indexOf(max);
			},
			getZyjzg(arrs) {
				let indes = this.getIndex(arrs)
				console.log('indes', indes)
				let resules = ['利他主义', '美的追求', '创造发明', '智力刺激', '独立自主', '成就满足', '声望地位', '管理权力', '经济报酬', '安全稳定', '工作环境', '上司关系',
					'同事关系', '多样变化', '生活方式'
				]

				this.zyjzgResult = resules
				this.result = resules[indes]

			},
			getMax(index) {
				switch (index) {
					case 0:
						this.result = 'R型(现实型)'
						break;
					case 1:
						this.result = 'S型(社会型)'
						break;
					case 2:
						this.result = 'I型(研究型)'
						break;
					case 3:
						this.result = 'E型(企业型)'
						break;
					case 4:
						this.result = 'A型(艺术型)'
						break;
					default:
						this.result = 'C型(事务型)'
				}
			},
			getGrownMax(index, score) {
				switch (index) {
					case 0:
						score[0] > score[1] ? this.result = '接纳子女-慈爱' : this.result = '接纳子女-随意'

						break;
					case 1:
						score[2] > score[3] ? this.result = '回避子女-忽视' : this.result = '回避子女-拒绝'
				
						break;

					default:
						score[4] > score[5] ? this.result = '过度关心子女-过度要求' : this.result = '过度关心子女-过度保护'
						// this.result = 'C型(事务型)'
				}
			},
			getDyznMax(index) {
				switch (index) {
					case 0:
						this.result = '言语-语言智能'
						break;
					case 1:
						this.result = '数理-逻辑智能'
						break;
					case 2:
						this.result = '视觉-空间智能'
						break;
					case 3:
						this.result = '自然-观察智能'
						break;
					case 4:
						this.result = '音乐-节奏智能'
						break;
					case 5:
						this.result = '身体-动觉智能'
						break;
					case 6:
						this.result = '人际-交际智能'
						break;
					default:
						this.result = '自我-内省智能'
				}
			},
			drawYh(bigData, smData) {
				var chart1 = echarts.init(document.getElementById("echart"));
				var option = {
					calculable: true,
					series: [{
							name: '',
							type: 'pie',
							radius: [0, 100],

							// for funnel
							x: '40%',
							width: '40%',
							funnelAlign: 'right',
							max: 10,

							itemStyle: {
								normal: {
									label: {
										position: 'inner'
									},
									labelLine: {
										show: false
									}
								}
							},
							data: [{
									value: smData[0],
									// name: '慈爱',
									itemStyle: {
										color: '#03A9F4'
									}
								},
								{
									value: smData[1],
									// name: '随意',
									itemStyle: {
										color: '#4FC3F7'
									}
								},
								{
									value: smData[2],
									// name: '忽视',
									itemStyle: {
										color: '#FFB300'
									}

								}, ,
								{
									value: smData[3],
									// name: '拒绝',
									itemStyle: {
										color: '#FFD54F'
									}

								},

								,
								{
									value: smData[4],
									// name: '过度要求',
									itemStyle: {
										color: '#FF8A65'
									}

								}, ,
								{
									value: smData[5],
									// name: '过度保护',
									itemStyle: {
										color: '#FFAB91'
									}

								}
							]

						},

						{
							name: '',
							type: 'pie',
							radius: [80, 100],
							// selectedMode: true,
							// for funnel
							x: '60%',
							width: '35%',
							// funnelAlign: 'left',
							max: 10,
							// color:['#fff', '#fff','#fff'],
							data: [{
									value: bigData[0],
									// name: '接纳子女',
									itemStyle: {
										color: '#ecfafc'
									}
								},
								{
									value: bigData[1],
									// name: '回避子女',
									itemStyle: {

										color: '#fffbdc'
									}
								},
								{
									value: bigData[2],
									// name: '过度关心子女',
									itemStyle: {
										color: '#fdf2f1'
									}
								}
							]
						}
					]
				};
				chart1.setOption(option);
			},
			drawPie(scores, indtas) {
				var charts = echarts.init(document.getElementById('echart'))
				var option = {
					// 					title: {
					// 						text: '罗纳尔多 vs 舍普琴科',
					// 						subtext: '完全实况球员数据'
					// 					},
					tooltip: {
						trigger: 'axis'
					},
					legend: {
						x: 'center',
						data: ['']
					},

					toolbox: {
						show: false,
						feature: {
							mark: {
								show: true
							},
							dataView: {
								show: true,
								readOnly: false
							},
							restore: {
								show: false
							},
							saveAsImage: {
								show: false
							}
						}
					},
					calculable: true,
					polar: [{
						indicator: indtas,
						splitLine: {
							show: true,
							lineStyle: {
								width: 1,
								color: '#EEEEEE' // 图表背景网格线的颜色
							}
						},
						radius: 80
					}],
					series: [{
						name: '',
						type: 'radar',
						symbol: "none", // 去掉图表中各个图区域的边框线拐点
						itemStyle: {
							normal: {
								color: "rgba(0,0,0,0)", // 图表中各个图区域的边框线拐点颜色
								lineStyle: {
									color: "#BDED84" // 图表中各个图区域的边框线颜色
								},
								areaStyle: {
									type: 'default',
									color: ["#BDED84"] // 图表背景网格的颜色
								}
							}
						},
						data: [{
							value: scores,
							name: '职业兴趣测试'
						}]
					}]
				}
				charts.setOption(option);

			},

			clcyes(score, indexs, stats) {
				this.tabNum = indexs + 1;

				switch (stats) {
					case "R":
						console.log('r')
						this.numberSet.numR += 1
						break;
					case "S":
						console.log('S')
						this.numberSet.numS += 1
						break;
					case "I":
						console.log('I')
						this.numberSet.numI += 1
						break;
					case "E":
						console.log('E')
						this.numberSet.numE += 1
						break;
					case "A":
						console.log('A')
						this.numberSet.numA += 1
						break;
					default:
						console.log('C')
						this.numberSet.numC += 1
				}
				console.log('this.tabNum', this.tabNum)
				console.log('this.numberSet', this.numberSet)
			},
			clcno(indexs) {
				this.tabNum = indexs + 1;
			},
			goto(routerName, queryData) {
				this.$router.replace({
					path: routerName,
					query: {
						type: queryData
					}
				});
			},

		},
		beforeDestroy() {

		}

	}
</script>

<style scoped lang="less">
	.top {
		width: 100%;
		height: 0.8rem;
		line-height: 0.8rem;
		padding: 0 0.3rem;
		box-sizing: border-box;
	
		.imgIcon {
			width: 0.4rem;
			height: 0.4rem;
		}
	
	}
	#echart {
		width: 6rem;
		height: 5rem;
		margin: 0 auto;
		// transform: rotate(-90deg);
	}


	.outerBarBox {
		width: 100%;
		height: 10rem;
		margin-top: 0.4rem;
		overflow: hidden;
	}

	.test2bot {
		width: 100%;
		height: 0.5rem;

		.sp1 {
			width: 1.3rem;
			height: 0.5rem;
		}

		.sp2 {
			height: 0.5rem;

			.sp2_score {
				width: 100%;
				height: 0.5rem;
				line-height: 0.5rem;

				span {
					text-align: right;
					font-size: 0.24rem;
					font-weight: bold;
					color: rgba(153, 153, 153, 1);
				}
			}
		}
	}

	.test2Box {
		width: 100%;
		height: 9rem;

		.sp1 {
			width: 1.3rem;

			span {
				display: block;
				text-align: center;
				width: 1.3rem;
				height: 0.6rem;
				line-height: 0.6rem;
				font-size: 0.24rem;
				font-weight: bold;
				color: rgba(34, 34, 34, 1);
			}
		}

		// 20 - 5rem 0.25rem

		.sp2 {
			height: auto;
			background: #EEEEEE;
			overflow: hidden;

			.sp2_2 {
				height: 0.6rem;
				overflow: hidden;
			}



			span {
				display: block;
				width: 2.5rem;
				height: 0.2rem;
				background: linear-gradient(225deg, rgba(98, 178, 61, 1) 0%, rgba(168, 224, 99, 1) 100%);
				border-radius: 0.1rem;
				opacity: 0.6;
				margin-top: 0.2rem;
			}
		}
	}

	.indResultWrap {
		width: 7.5rem;
		
		min-height: 100vh;
		height: auto;
		background: rgba(250, 250, 250, 1);
		overflow: hidden;
		// flex-direction: column;

		.toper {
			width: 100%;
			height: auto;
		}

		.indResulWrap {
			width: 7.5rem;
			// height: 100%;
			min-height: 100%;
			height: auto;
			.result5Wrap {
				width: 100%;
				height: 2.1rem;
				// background: red;

				.coBgSp {
					margin-right: 0.15rem;
					// background: yellow;
					height: 2.1rem;
					border-radius: 0.2rem;

					i {
						display: block;
						font-size: 0.24rem;
						height: 0.7rem;
						font-weight: bold;
						color: rgba(102, 102, 102, 1);
						line-height: 0.7rem;
						text-align: center;
					}

					.cosp {
						display: block;
						width: 80%;
						height: 0.5rem;
						margin: 0 auto 0.15rem;
						text-align: center;

						em,
						b {
							font-size: 0.22rem;
							// font-weight: bold;
							color: rgba(255, 255, 255, 1);
							line-height: 0.5rem;
						}

						// em {}

						b {
							margin-left: 0.05rem;
						}

					}

				}

				// 				.coBgSp:nth-of-type(3){
				// 					
				// 				}
				.bgsp1 {
					background: rgba(224, 247, 250, 1);

					.sp1 {
						background: rgba(3, 169, 244, 1);
						box-shadow: 0px 0.04rem 0.1rem 0px rgba(79, 195, 247, 0.3);
						border-radius: 0.1rem;
					}

					.sp2 {
						background: rgba(129, 212, 250, 1);
						box-shadow: 0px 0.04rem 0.1rem 0px rgba(79, 195, 247, 0.3);
						border-radius: 0.1rem;
					}
				}

				.bgsp2 {
					background: rgba(255, 249, 196, 1);

					.sp1 {
						background: rgba(255, 179, 0, 1);
						box-shadow: 0px 0.04rem 0.1rem 0px rgba(255, 179, 0, 0.3);
						border-radius: 0.1rem;
					}

					.sp2 {
						background: rgba(255, 213, 79, 1);
						box-shadow: 0px 0.04rem 0.1rem 0px rgba(255, 197, 61, 0.3);
						border-radius: 0.1rem;
					}
				}

				.bgsp3 {
					background: rgba(251, 233, 231, 1);
					margin-right: 0;

					.sp1 {
						background: rgba(255, 138, 101, 1);
						box-shadow: 0px 0.04rem 0.1rem 0px rgba(255, 138, 101, 0.3);
						border-radius: 0.1rem;
					}

					.sp2 {
						background: rgba(255, 171, 145, 1);
						box-shadow: 0px 0.04rem 0.1rem 0px rgba(255, 138, 101, 0.3);
						border-radius: 0.1rem;
					}
				}
			}

			.resulWrap {
				width: 6.9rem;
				height: auto;
				position: relative;
				background: rgba(255, 255, 255, 1);
				box-shadow: 0px 0px 0.2rem 0px rgba(204, 204, 204, 0.3);
				margin: 0rem auto 0;
				z-index: 2;
				border-radius: 0.2rem;

				.resulbox {
					width: 100%;
					height: auto;
					padding: 0.3rem 0.4rem;
					box-sizing: border-box;

					.textResutTile {
						padding-bottom: 0.4rem;
						height: auto;
						width: 100%;
						text-align: center;

						.sp1 {
							font-size: 0.4rem;
							font-weight: bold;
							color: rgba(34, 34, 34, 1);
							line-height: 0.44rem;
						}


					}

					.titleBox {
						width: 6.1rem;
						height: 1.65rem;
						background: rgba(250, 250, 250, 1);
						border-radius: 0.1rem;
						overflow: hidden;

						i,
						b {
							display: block;
							text-align: center;

						}

						i {
							height: 0.44rem;
							font-size: 0.24rem;
							font-weight: bold;
							color: rgba(187, 187, 187, 1);
							line-height: 0.44rem;
							margin-top: 0.34rem;
						}

						b {

							font-size: 0.4rem;
							font-weight: bold;
							color: rgba(104, 189, 26, 1);
							margin-top: 0.1rem;
						}
					}







				}

			}

			.resultTxtBox {
				width: 6.1rem;
				// height: 20rem;
				// min-height: 20rem;
				height: auto;
				margin: 0 auto;
				// background: yellow;
				padding: 0.2rem 0;

				.titlesp {
					display: block;
					height: 0.8rem;
					width: 100%;
					line-height: 0.8rem;
					border-bottom: 0.01rem solid rgba(238, 238, 238, 1);

					i {
						display: inline-block;
						width: 0.14rem;
						height: 0.25rem;
						background: rgba(108, 191, 32, 1);
						border-radius: 0.1rem;
					}

					b {
						font-size: 0.34rem;
						margin-left: 0.15rem;
						font-weight: bold;
						color: rgba(34, 34, 34, 1);
						// line-height:0.8;
					}
				}

				.pBox {
					width: 100%;
					height: auto;
					min-height: 1rem;
					padding: 0.2rem 0;
					overflow: hidden;
					.pptitle {
						display: block;
						font-size: 0.26rem;
						font-weight: bold;
						color: rgba(34, 34, 34, 1);
						line-height: 0.6rem;
					}

					.pptitle:nth-of-type(2) {
						margin-top: 0.15rem;
					}

					.pp1 {
						font-size: 0.26rem;

						color: rgba(34, 34, 34, 1);
						line-height: 0.4rem;
					}
				}

			}
		}


	}
</style>
